<template>
    <div>
        <div class="kekedoc_indexhd wp">
            <div class="hd_left">
                <div class="left_item">
                    <div class="navTitleBox">
                        <img src="/static/picture/category-area.png">
                        <div class="navTitle">按分类看</div>
                        <div class="navDescribe">分门别类，找你所想</div>
                    </div>
                    <div class="popup">
                        <ul class="cate_list_box keke_doc_clearfix">
                            <li v-for="(item,index) in classifies">
                                <div class="firstcatename">
                                    <router-link target="_blank" tag="a" :to="'/list/'+item.id">{{ item.name }}
                                    </router-link>

                                </div>
                                <span class="catelist keke_doc_clearfix">
                                        <router-link target="_blank" tag="a" v-for="(subItem,sid) in item['children']"
                                                     :key="sid"
                                                     :to="'/list/'+item.id+'/'+subItem.id">{{
                                                subItem.name
                                            }}</router-link>
									</span>
                            </li>
                        </ul>
                        <div class="openmore">
                            <router-link class="actives" to="/list">查看全部公文</router-link>
                        </div>
                    </div>
                </div>
                <div class="left_item">
                      <span @click="showTeach">
                        <div class="navTitleBox">
                          <img src="/static/picture/category-specialty.png">
                          <div class="navTitle">使用教程</div>
                          <div class="navDescribe">贴心教程，直达所需</div>
                        </div>
                      </span>
                </div>
                <div class="left_item">
                    <a href="/list/40">
                        <div class="navTitleBox">
                            <img src="/static/picture/category-ask.png">
                            <div class="navTitle">免费专区</div>
                            <div class="navDescribe">所有公文，尽情下载</div>
                        </div>
                    </a>
                </div>
            </div>
            <div id="slideBox" class="slideBox">
                <div class="hd">
                    <ul>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="bd">
                    <ul>
                        <li><a href="/"><img src="/static/picture/lunbo/1.png"/></a></li>
                        <li><a href="/"><img src="/static/picture/lunbo/2.png"/></a></li>
                        <li><a href="/"><img src="/static/picture/lunbo/3.png"/></a></li>
                        <li><a href="/"><img src="/static/picture/lunbo/4.png"/></a></li>
                        <li><a href="/"><img src="/static/picture/lunbo/5.png"/></a></li>
                    </ul>
                </div>
            </div>
            <div class="hd_right_box">
                <div class="hd_right">
                    <div class="right_top">
                        <h2>平台累计收录公文</h2>
                        <div class="docnumboxs"><span class="docnum" id="docnum">{{ total }}</span>份</div>
                    </div>
                    <dl class="fwbz">
                        <dt><span class="active">联系客服代找资料</span></dt>
                        <dd>加客服微信 ctbsc2021，私发想要资料的标题/关键词，客服可以快速帮你代查找相关所有资料</dd>
                    </dl>
                    <div>
                        <img style="width: 120px;height: 120px" src="/static/picture/wechat.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "RollPicture",
    props:{
        classifies:{
            type:Array,
            required:true,
            default:()=>{
                return []
            }
        },
        total:{
            type:Number,
            required:true,
            default:0
        }
    },
    methods:{
        showTeach() {
            let routeUrl = this.$router.resolve({path: `/teach`})
            window.open(routeUrl.href, "_blank");
        },
    }
}
</script>



<style scoped>

</style>
